/* CSS Document */
html,body {margin:0; padding:0; font-size:12px; background:url(bg.gif) center top repeat-x #A73981; color:#AA3A83;}
form,p,h1,h2,h3,ul,li {padding:0; margin:0; list-style:none;}
a:link,a:hover,a:visited,a:active {color:#AA3A83; text-decoration:none;}
a:hover {text-decoration:underline;}
.blank {height:8px; line-height:8px; clear:both;}
.clear {height:1px; line-height:1px; clear:both;}
.area {width:990px; margin:0 auto; clear:both;}

#top {background:url(banner.jpg) no-repeat; height:233px; position:relative;}
#top .linkin {position:absolute; top:50px; right:30px;}
#top .linkin a{float:left; text-decoration:none; margin-right:8px;}
#top .linkin a div {clear:both; display:block; height:60px;}
#top .linkin a span {clear:both; padding:8px 6px; text-align:center; margin:0;}
#top .nav {width:700px; height:45px; background:url(menubg.gif) repeat-x; position:absolute; bottom:0; right:30px;}
#top .nav .left {background:url(menuleft.gif) no-repeat; width:14px; height:45px; float:left;}
#top .nav .right {background:url(menuright.gif) no-repeat; width:14px; height:45px; float:right;}
#top .nav .mainmenu {width:670px; height:45px; float:left; overflow:hidden;}
#top .nav .mainmenu a{background:url(menu.gif) no-repeat; width:95px; display:inline-block; font:bold 14px/45px Arial; color:#fff; text-align:center; float:left;}
#top .nav .mainmenu a:hover {text-decoration:none; color:#CC0066;}
#top .nav a.home {background:none;}
#mid {background:url(mid.jpg) no-repeat; height:680px;}
#mid .left {width:210px; float:left;}
#mid .left .title01{background:url(title.gif) no-repeat; height:42px; margin-top:50px;}
#mid .left .list01 {width:142px; clear:both; margin:0 auto; padding:20px 0;}
#mid .left .list01 li{background:url(dot2.gif) left center no-repeat; padding-left:50px; height:28px; line-height:28px; overflow:hidden;}
#mid .left .list01 li a{color:#fff;}
#mid .left .title02 {background:url(title2.gif) no-repeat; height:42px; clear:both;}
#mid .left .contactus {width:142px; clear:both; padding:20px 0; color:#fff; margin:0 auto; font-size:13px;}
#mid .left .contactus li {clear:both; padding:5px 0; text-align:left;}
#mid .right {width:779px; float:right;}
#mid .right .div01 {width:716px; clear:both; margin:40px auto 10px auto;}
#mid .right .div01 .aboutus {background:url(title4.gif) no-repeat; width:402px; float:left; height:208px;}
#mid .right .div01 .aboutus p {padding:55px 20px 30px 20px; text-indent:2em; line-height:180%;}
#mid .right .div01 .newsbox {width:286px; float:right; height:208px; text-align:left;}
#mid .right .div01 .newsbox div {background:url(title5.gif) no-repeat; height:28px;}
#mid .right .div01 .newsbox div span{float:right; margin-top:8px;}
#mid .right .div01 .newsbox ul {clear:both; padding-top:10px;}
#mid .right .div01 .newsbox ul li {background:url(arrow.gif) left bottom no-repeat; height:28px; line-height:28px; padding-left:12px; overflow:hidden;}
#mid .right .div01 .newsbox ul li span{float:right;}
#mid .right .div02 {background:url(title3.gif) center center no-repeat; width:696px; margin:20px auto; clear:both; height:156px; overflow:hidden; padding:10px;}
#mid .right .div02 #LeftArr {background:url(arrow2.gif) 0 70px no-repeat; width:12px; float:left; height:156px; cursor:pointer;}
#mid .right .div02 #RightArr {background:url(arrow2.gif) -12px 70px no-repeat; width:12px; float:right; height:156px; cursor:pointer;}
#mid .right .div02 #scrollbox {width:660px; height:156px; float:left; overflow:hidden; margin-left:3px;}
#mid .right .div02 #scrollbox .box {width:160px; height:166px; overflow:hidden; float:left; padding:0; margin:4px 3px;}
#mid .right .div02 #scrollbox .box .image{text-align:center; clear:both; padding:0; margin:0;}
#mid .right .div02 #scrollbox .box .image img {width:160px; height:115px; border:1px #fff solid;}
#mid .right .div02 #scrollbox .box .title {background:#FEC1ED; text-align:center; clear:both; margin:0 auto; padding:0;}
#mid .right .div02 #scrollbox .box .title a{display:block; padding:6px 0;}
#mid .right .div03 {clear:both; width:716px; margin:20px auto;}
#mid .right .div03 .left {width:348px; float:left;}
#mid .right .div03 .left div {background:url(title6.gif) no-repeat; height:35px; clear:both; overflow:hidden;}
#mid .right .div03 .left div a.more{background:url(title6.gif) right center no-repeat; float:right; width:30px; height:20px; padding:15px 10px 0 0; text-align:center;}
#mid .right .div03 .left ul {background:url(hua.gif) left center no-repeat; padding:20px 0 20px 152px; height:80px;}
#mid .right .div03 .left ul li {background:url(arrow.gif) left bottom no-repeat; height:28px; line-height:28px; clear:both; padding-left:12px;}
#mid .right .div03 .right {width:348px; float:right; text-align:left;}
#mid .right .div03 .right div {background:url(title7.gif) no-repeat; height:35px; clear:both; overflow:hidden;}
#mid .right .div03 .right div a.more{background:url(title7.gif) right center no-repeat; float:right; width:30px; height:20px; padding:15px 10px 0 0; text-align:center;}
#mid .right .div03 .right ul {background:url(hua2.gif) left center no-repeat; padding:20px 0 20px 152px; height:80px;}
#mid .right .div03 .right ul li {background:url(arrow.gif) left bottom no-repeat; height:28px; line-height:28px; clear:both; padding-left:12px;}

#ctop {background:url(top.gif) no-repeat; height:60px;}
#body {background:url(cbg.gif) repeat-y;}
#body .left {width:210px; float:left;}
#body .left .title01{background:url(title.gif) no-repeat; height:42px;}
#body .left .list01 {width:142px; clear:both; margin:0 auto; padding:20px 0;}
#body .left .list01 li{background:url(dot2.gif) left center no-repeat; padding-left:50px; height:28px; line-height:28px; overflow:hidden;}
#body .left .list01 li a{color:#fff;}
#body .left .title02 {background:url(title2.gif) no-repeat; height:42px; clear:both;}
#body .left .contactus {width:142px; clear:both; padding:20px 0; color:#fff; margin:0 auto; font-size:13px;}
#body .left .contactus li {clear:both; padding:5px 0; text-align:left;}
#body .right {width:779px; float:right;}
#body .right .yourpos {background:url(title9.gif) left center no-repeat; width:716px; clear:both; margin:0 auto; margin-top:-20px; height:31px; line-height:31px;}
#body .right .yourpos .title {width:70px; padding-left:80px; height:31px; line-height:31px; float:left;}
#body .right .yourpos .linkedin {float:right; background:url(title8.gif) left center no-repeat; padding:3px 1px 0 24px;}
#body .right #arclist {width:706px; margin:0 auto; clear:both;}
#body .right #arclist .list {padding:20px 0; clear:both; text-align:left;}
#body .right #arclist .list li {background:url(line.gif) left center no-repeat; height:30px; line-height:30px; padding-left:18px; font-size:13px;}
#body .right #arclist .list li span {float:right;}

#body .right #article-title {text-align:center; font-size:22px; padding:10px 0; clear:both; margin-top:30px;}
#body .right #article-info {text-align:center; background:#fff; width:706px; clear:both; margin:0 auto; height:30px; line-height:30px;}
#body .right #arcbody {width:706px; clear:both; margin:auto; line-height:160%; text-align:justify; font-size:14px; padding-top:20px;}
#body .right #arcbody *{line-height:160%;}
#body .right #arcbody p {padding:5px 0;}

#body .right #imglist {width:706px; clear:both; margin:0 auto; padding:20px 0;}
#body .right #imglist ul {width:176px; height:170px; overflow:hidden; float:left; text-align:center;}
#body .right #imglist ul li.image {clear:both; text-align:center; width:160px; margin:0 auto; border:3px #fff solid;}
#body .right #imglist ul li.image img {width:160px; height:115px; border:none; margin:0;}
#body .right #imglist ul li.title {width:160px; clear:both; margin:0 auto; border:3px #fff solid; border-top:none; text-align:center; height:25px; line-height:25px; overflow:hidden; background:#FEC1ED;}

#body .right #viewsbox {width:686px; clear:both; margin:30px auto 10px auto; background:#f0f0f0; border:1px #ccc solid; padding:10px;}
#body .right #viewsbox .image {border:1px #ccc solid; text-align:center; clear:both; padding:10px; background:#fff; position:relative;}
#body .right #viewsbox .image img.img {max-width:666px;border:1px #999 solid;width: expression(this.width > 666 ? 666: true);}
#body .right #viewsbox .image .arr-left {opacity:0;filter:Alpha(Opacity=0);position:absolute;z-index:100;width:50%;height:100%;top:0;left:0;opacity:0;cursor:url(http://p.toogua.com/images/arr_left.cur),auto;}
#body .right #viewsbox .image .arr-right {opacity:0;filter:Alpha(Opacity=0);position:absolute;z-index:100;width:50%;height:100%;top:0;right:0;opacity:0;cursor:url(http://p.toogua.com/images/arr_right.cur),auto;}
#body .right #viewsbox .content {border:1px #ccc solid; clear:both; padding:10px; background:#fff; margin-top:10px;}
#body .right #viewsbox .content p {line-height:160%; font-size:14px;}
#body .right #viewsbox .content h1 {padding:5px 0; font-size:22px;}
#page {clear:both; margin:10px auto; height:28px; line-height:28px; text-align:right; font-family:Arial;}
#page a,#page span {margin:0 2px; height:28px; line-height:28px; padding:0 5px; border:1px #FDC2ED solid;}
#page span.cur {color:#fff; background:#A73981; border:1px #953373 solid;}
#page a:hover {text-decoration:none; border:1px #AC3B85 solid;}
#cbot {background:url(bottom.gif) no-repeat; height:56px;}
#footer {width:990px; clear:both; margin:20px auto 10px auto; color:#fff;}
#footer p {height:28px; line-height:28px; overflow:hidden; text-align:center; font-family:Arial;}
#footer p a{color:#fff;}

/**message**/
.messagebox {padding:20px 20px; width:60%; margin:50px auto; clear:both; border:1px #CCCCCC solid; background:#fff;}
.messagebox h3.ok{background:url(information.gif) left center no-repeat; font-size:14px; padding:6px 0 0 36px; line-height:26px;}
.messagebox h3.error{background:url(warning.gif) left center no-repeat; font-size:14px; padding:6px 0 0 36px; line-height:26px;}
.messagebox h3.confirm{background:url(confirm.gif) left center no-repeat; font-size:14px; padding:6px 0 0 36px; line-height:26px;}
.messagediv {clear:both; padding:5px 10px;}
.messagediv a{margin-right:5px;}